<%--
  Created by IntelliJ IDEA.
  User: 18047
  Date: 2022/11/25
  Time: 11:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>招聘-首页</title>
    <link rel="stylesheet" href="css/index.css"/>
    <!-- 导入bootstrap css -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/css/bootstrap-theme.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/css/bootstrap.css"/>
    <!-- 导入bootstrap js -->
    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/js/jquery-3.3.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
</head>
<body>
<!-- header -->
<div class="container">
    <div class="row header_nav">
        <div class="col-md-3 logo"></div>
        <div class="col-md-7 mynav">
            <ul class="nav nav-pills">
                <li class="first_item">
                    <a href="">首页</a>
                </li>
                <li class="first_item">
                    <a href="">职位</a>
                </li>
                <li class="first_item">
                    <a href="">公司</a>
                </li>
                <li class="first_item">
                    <a href="">百科</a>
                </li>
            </ul>

        </div>
        <div class="col-md-2 login">
            <a href="login.html" class="loginBtn">登录</a>

        </div>
    </div>
    <!-- 横幅banner -->
    <div class="row banner">
        <div class="col-md-12">
            <img src="${pageContext.request.contextPath}/images/pro4.png">
        </div>
    </div>

    <!-- 正文 -->
    <div class="row wrapper">
        <div class="aside_ad"></div>
        <h3>
            <span class="cur" ka="index_rcmd_job_type_1">IT·互联网</span>
            <span class="" ka="index_rcmd_job_type_2">金融</span>
            <span class="" ka="index_rcmd_job_type_3">房地产·建筑</span>
            <span class="" ka="index_rcmd_job_type_4">教育培训</span>
            <span class="" ka="index_rcmd_job_type_5">娱乐传媒</span>
            <span class="" ka="index_rcmd_job_type_6">医疗健康</span>
            <span class="" ka="index_rcmd_job_type_7">法律咨询</span>
            <span class="" ka="index_rcmd_job_type_8">供应链·物流</span>
            <span class="" ka="index_rcmd_job_type_9">采购贸易</span>
        </h3>
        <div class="main">
            <ul>
                <li>
                    <a href="">
                        <img src="images/tabitem1.jpeg">
                        <p>海尔(Haier)472升一级能效十字双</p>
                        <span class="price">￥2199</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/tabitem2.jpeg">
                        <p>海尔(Haier)472升一级能效十字双</p>
                        <span class="price">￥2199</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/tabitem3.jpeg">
                        <p>海尔(Haier)472升一级能效十字双</p>
                        <span class="price">￥2199</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/tabitem4.jpeg">
                        <p>海尔(Haier)472升一级能效十字双</p>
                        <span class="price">￥2199</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/tabitem5.jpeg">
                        <p>海尔(Haier)472升一级能效十字双</p>
                        <span class="price">￥2199</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/tabitem6.jpeg">
                        <p>海尔(Haier)472升一级能效十字双</p>
                        <span class="price">￥2199</span>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- 底部footer -->
</div>

</body>
</html>
